*{padding: 0; margin: 0}
body,html {margin: 0px; padding: 0px; -webkit-text-size-adjust: none}
body {margin: 0 auto;font-family:'Microsoft YaHei',sans-serif; font-size: 12px; line-height: 1.6;}
.fl{display:inline;float:left}
.fr{display:inline;float:right}
.clearfix:after{display:block;clear:both;width:100%;height:0px;line-height:0px;font-size:0px;margin:0;padding:0; content: ""}
a{text-decoration: none;}
ul,li{list-style: none;}
input, textarea{outline: none; }
.fw600{font-weight: 600}
.fs12{font-size: 12px}
.fs13{font-size: 13px}
.fs14{font-size: 14px}
.fs15{font-size: 15px}
.fs16{font-size: 16px!important}
.fs20{font-size: 20px!important}

.fl{float: left;}
.fr{float: right;}
.pdl30{padding-left: 30px}
.pdl20{padding-left: 20px}

.c499{color: #499a97}
.red{color: #cd4619}
.cd60{color: #d60d17!important}
.textc{text-align: center;}
.textl{text-align: left!important;}
.textr{text-align: right!important;}
.container{width: 1180px; margin: 0 auto;}
.m{display: none!important;}
.pc{display: block;}
.dn{display: none;}

.tb-head{width: 100%; position: fixed; top: 0; left: 0; z-index: 5; height: 80px;-webkit-transition: all .5s; transition: all .5s;-o-transition: all .5s;}
.tb-head .itb-hbox{height: 80px;}
.head-top{position: relative; width: 35%; float: left; padding-top: 1rem;}
.head-top img{width: 145px;}
.tb-nav{ float: right;padding-top: .8rem}
.tb-nav .tel{font-size: 16px; color: #FFF; text-align: right; padding: 1.5rem 0 1rem 0; padding-right: 10px;}
.tb-nav .nav-menu{width: 100%;}
.tb-nav .nav-menu.znav-menu{background-color: rgba(255, 255, 255, .3);}
.tb-nav .nav-menu li{display: inline-block; margin-left: 34px; position: relative;}
.tb-nav .nav-menu li>a{position: relative; line-height:30px; padding: 5px 15px; text-align: center; color: #FFF; display: inline-block;-webkit-transition: all .5s; transition: all .5s;-o-transition: all .5s;}
.tb-nav .nav-menu li>a .cn{font-size: 16px;z-index: 1;}
.tb-nav .nav-menu li>a .en{font-size: 14px;z-index: 1;color: rgba(255, 255, 255, .9);}
.tb-nav .nav-menu li.active>a::after{position: absolute; width: 70%; background-color: rgba(6, 51, 165, 1); content: ""; left: 0; right: 0; margin: 0 auto; height: 2px; bottom: 0;}
.tb-nav .nav-menu li:hover>a::after{position: absolute; width: 70%; background-color: rgba(6, 51, 165, 1); content: ""; left: 0; right: 0; margin: 0 auto; height: 2px; bottom: 0;}

.transition{background-color: #FFF;transition: transform .3s cubic-bezier(0.35, 0, 0.25, 1), -webkit-transform .3s cubic-bezier(0.35, 0, 0.25, 1);box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.1); top: 0; z-index: 9000;}
.transition .tb-nav .tel{display: none;}
.transition .tb-nav{padding-top: 8px;}
.transition .tb-nav li>a{color: #333;}
.transition .tb-nav li>a .en{color: rgba(51, 51, 51, .8);}

.transition .tb-nav li.active>a{background-color: inherit;}
.transition .tb-nav li.active>a:after{width: 70%; content: ""; position: absolute; left: 0; right: 0; bottom: -1px; height: 2px; background-color: rgba(6, 51, 165, 1); margin: 0 auto;}
.transition .tb-nav li:hover>a{background-color: inherit;}
.transition .tb-nav li:hover>a:after{width: 70%; content: ""; position: absolute; left: 0; right: 0; bottom: -1px; height: 2px; background-color: rgba(6, 51, 165, 1);margin: 0 auto;}

.ibanner{width: 100%; position: relative; font-size: 0;}
.ibanner .swiper-container{width: 100%;}
.ibanner img{width: 100%;}
.ivideo-box{position: relative;}
.ivideo-box .ib-wrap{position: absolute; top: 35%; width: 100%;}
.ivideo-box .ib-wrap .tit{font-size: 40px; color: rgba(255, 255, 255, .9); margin-left: 2rem; line-height: 1.4;}
.ivideo-box .ib-wrap p{font-size: 18px; color: rgba(255, 255, 255, .8); margin-left: 2rem; padding-top: 5px;}
.ivideo-box .ib-wrap .ibmore{display: inline-block; padding: 6px 18px; border: 1px solid #FFF; font-size: 13px; color: rgba(255, 255, 255, .9); margin: 3rem 0 0 2rem;}
.ivideo-box .ib-wrap .ibmore:hover{background-color: rgba(5, 46, 150, .9); border-color: rgba(5, 46, 150, .9);}

.main-content{width: 100%;}

.i-bout{width: 100%; position: relative; background-color: rgba(242, 242, 242, .9);}
.i-bout .leftbg{position: absolute; left: 0; bottom: 0; height: 70px; padding: 3rem 0 2.5rem 0; background-color: rgba(6, 51, 165, 1); width: 50%;}
.i-about-box{padding: 4rem 0 0 0; position: relative;}
.i-about-box .i-abb-box{display: flex; justify-content: space-between;}
.i-about-box .i-abb-box .left{width: 14%; background-color: rgba(255, 185, 0, 1); height: 390px;}
.i-about-box .i-abb-box .right{width: 49%;}
.i-about-box .i-abb-box .right h3{font-size: 22px; padding-bottom: 8px; text-align: right; color: rgba(0, 0, 0, .9);}
.i-about-box .i-abb-box .right p.subtit{font-size: 14px; font-weight: 600; text-align: right; color: rgba(0, 0, 0, .9);}
.i-about-box .i-abb-box .right .desc{line-height: 1.8; font-size: 14px; padding: 2rem 0; color: rgba(0, 0, 0, .7);}
.i-about-box .i-abb-box .right .desc p{text-indent: 28px;}
.i-about-box .i-abb-box .right .ib-more{padding: 1.5rem 0 1rem 0; text-align: right;}
.i-about-box .i-abb-box .right .ib-more a{display: inline-block; font-size: 13px; padding: 9px 30px; border: 1px solid #666; color: #666;}
.i-about-box .i-abb-box .right .ib-more a:hover{background-color: rgba(5, 46, 150, .9); border-color: rgba(5, 46, 150, .9); color: #FFF;}
.i-about-box .i-abb-btm{width: 100%;padding: 3rem 0 2.5rem 0;background-color: rgba(6, 51, 165, 1); height: 70px;}
.i-about-box .i-abb-btm .i-abb-btm-box{margin-left: 51%;}
.i-about-box .i-abb-btm .i-abb-btm-box h3{font-size: 20px; color: #FFF;}
.i-about-box .i-abb-btm .i-abb-btm-box p{font-size: 14px; color: rgba(255, 255, 255, .8); padding-top: 5px;}
.i-about-box .abimg{position: absolute; left: 5%; bottom: 0; width: 400px; z-index: 2;}
.i-about-box .abimg img{width: 100%;}

.i-solution{padding: 3rem 0 0 0; width: 100%;}
.i-solution-box{background-color: #FFF; padding: 2rem 0 0 0;}
.i-solution-box .subtit{font-size: 22px; color: rgba(6, 51, 165, .9); text-align: center; font-weight: 600;}
.i-solution-box>h3{font-size: 16px; color: rgba(0, 0, 0, .9); text-align: center; font-weight: 500}
.i-s-wrap{display: flex; justify-content: space-between; padding: 4rem 0;}
.i-s-wrap .left{width: 66%;}
.i-s-wrap .left img{width: 100%;}
.i-s-wrap .left .left-01{position: relative;font-size: 0; box-shadow: 0 4px 12px 0px rgba(0,0,0,.15);-webkit-box-shadow:0 4px 12px 0px rgba(0,0,0,.15);}
.l-01box{position: absolute; width: 100%; top: 20%; left: 0;color: #FFF;}
.l-01box h3{font-size: 20px; padding-left: 3rem; padding-bottom: 5px;-webkit-transition: all .5s; transition: all .5s;-o-transition: all .5s;}
.l-01box .l-subtit{text-transform: uppercase;padding-left: 3rem; line-height: 1.3; font-size: 12px; color: rgba(255, 255, 255, .7);-webkit-transition: all .5s; transition: all .5s;-o-transition: all .5s;}
.l-01box .l-more{padding: 2.5rem 3rem 0 0; text-align: right;}
.l-01box .l-more a{ display: inline-block; font-size: 13px; color: rgba(255, 255, 255, .8); border: 1px solid rgba(255, 255, 255, .8); padding: 8px 28px;-webkit-transition: all .5s; transition: all .5s;-o-transition: all .5s;}

.l-01box .desc{border-top: 1px solid rgba(255, 255, 255, .3);padding:1.2rem 0 0 0; margin-left: 3rem; display: inline-block; margin-top: 1.2rem; line-height: 1.3; font-size: 13px; color: rgba(255, 255, 255, .7);-webkit-transition: all .5s; transition: all .5s;-o-transition: all .5s;}
.l-01box:hover .l-more a{background-color: rgba(5, 46, 150, .9); border-color: rgba(5, 46, 150, .9);}
.l-01box:hover h3{padding-left: 3.8rem;}
.l-01box:hover .l-subtit{padding-left: 3.8rem;}
.l-01box:hover .desc{margin-left: 3.8rem;}

.left-02 .l-01box .l-more{padding-top: 3rem;}
.i-s-wrap .left .left-02{position: relative;font-size: 0; margin-top: 14px;box-shadow: 0 4px 12px 0px rgba(0,0,0,.15);-webkit-box-shadow:0 4px 12px 0px rgba(0,0,0,.15);}
.i-s-wrap .right{width: 32%; position: relative; font-size: 0; box-shadow: 0 4px 12px 0px rgba(0,0,0,.15);-webkit-box-shadow:0 4px 12px 0px rgba(0,0,0,.15);}
.i-s-wrap .right img{width: 100%;}
.i-s-wrap .right .l-r-box{position: absolute; top: 20px; right: 20px; color: #FFF; text-align: right;}
.i-s-wrap .right .l-r-box h3{display: inline-block; width: 20px;font-size: 20px; line-height: 1.2;-webkit-transition: all .5s; transition: all .5s;-o-transition: all .5s;}
.i-s-wrap .right .l-r-box p.r-subtit{font-size: 12px; text-transform: uppercase; color: rgba(255, 255, 255, .8); width: 15px; display: inline-block;writing-mode: vertical-lr; padding-right: 35px;-webkit-transition: all .5s; transition: all .5s;-o-transition: all .5s;}
.i-s-wrap .right .l-r-box p.desc{font-size: 13px;text-align: initial; text-transform: uppercase; color: rgba(255, 255, 255, .8); padding: 4.5rem 2rem 0 3rem;-webkit-transition: all .5s; transition: all .5s;-o-transition: all .5s;}
.i-s-wrap .right .l-r-box p.l-more{padding: 3rem 0 0 3rem; text-align: left;-webkit-transition: all .5s; transition: all .5s;-o-transition: all .5s;}
.i-s-wrap .right .l-r-box p.l-more a{ display: inline-block; font-size: 13px; color: rgba(255, 255, 255, .8); border: 1px solid rgba(255, 255, 255, .4); padding: 8px 28px;-webkit-transition: all .5s; transition: all .5s;-o-transition: all .5s;}
.i-s-wrap .right .l-r-box:hover .l-more a{background-color: rgba(5, 46, 150, .9); border-color: rgba(5, 46, 150, .9);}
.i-s-wrap .right .l-r-box:hover h3{padding-right: .8rem;}
.i-s-wrap .right .l-r-box:hover .r-subtit{padding-right: 2.8rem;}
.i-s-wrap .right .l-r-box:hover .desc{padding-top: 4.8rem;}


.i-news{padding: 3rem 0; width: 100%; background-color: rgba(242, 242, 242, .9);}
.i-news-box{ padding: 1.5rem 1rem;}
.i-news-box .subtit{font-size: 22px;color: rgba(6, 51, 165, .9); text-align: center; font-weight: 600;}
.i-news-box>h3{font-size: 16px; color: rgba(0, 0, 0, .9);  text-align: center; font-weight: 500}
.i-news-box-wrap{padding: 4rem 0 2rem 0; display: flex; justify-content: space-between;}
.i-news-box-wrap .left{width: 53%;}
.i-news-box-wrap .left .rem-box{display: flex; justify-content: space-between;}
.i-news-box-wrap .left .rem-box .thumb{position: relative; overflow: hidden;}
.i-news-box-wrap .left .rem-box .thumb .thumb-box{position: relative; overflow: hidden;}
.i-news-box-wrap .left .rem-box .img{width: 100%;height: auto;overflow: hidden;background: center center no-repeat; background-size: cover;-webkit-transition: all .5s;transition: all .5s;}
.i-news-box-wrap .left .rem-box .img img{width: 100%;}
.i-news-box-wrap .left .rem-box .thumb:hover .img{-webkit-transform: scale(1.1, 1.1);-moz-transform: scale(1.1, 1.1);-o-transform: scale(1.1, 1.1);transform: scale(1.1, 1.1);}

.i-news-box-wrap .left .rem-box .txt{width: 36%; background-color: rgba(6, 51, 165, .8); padding: 2.5rem 25px 2rem 25px;}
.i-news-box-wrap .left .rem-box .txt .tit{font-size: 16px; color: #FFF; font-weight: 600;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;}
.i-news-box-wrap .left .rem-box .txt .desc{font-size: 13px; color: rgba(255, 255, 255, .6); padding: 2rem 0 3rem 0;}
.i-news-box-wrap .left .rem-box .txt .time{font-size: 13px; color: #FFF;}

.i-news-box-wrap .right{width: 40%;}
.i-news-box-wrap .right .i-news-txt{padding-top: 1rem;}
.i-news-box-wrap .right .i-news-txt .tit{display: flex; justify-content: space-between; padding-bottom: 15px;}
.i-news-box-wrap .right .i-news-txt .tit span{font-size: 18px; font-weight: 500; color: #333;}
.i-news-box-wrap .right .i-news-txt .tit a{display: inline-block; padding: 5px 15px; color: #333; border: 1px solid #666;}

.i-news-box-wrap .right .i-news-txt li .txt{padding: 15px 0; border-top: 1px dashed rgba(0, 0, 0, .1); display: flex; justify-content: space-between; }
.i-news-box-wrap .right .i-news-txt li .txt h3{text-overflow: ellipsis;white-space: nowrap;overflow: hidden; width: 78%; color: rgba(0, 0, 0, .5);}
.i-news-box-wrap .right .i-news-txt li .txt .time{color: rgba(0, 0, 0, .6);}


.i-partners{width: 100%; padding: 4rem 0 20px 0; background: linear-gradient(to bottom, rgba(249,249,249, .3) 20%, rgba(249,249,249, .5) 30%, rgba(248,249,249, .9) 50%)}
.i-partners-box{}
.i-partners-box .subtit{font-size: 22px; color: rgba(6, 51, 165, .9); text-align: center; font-weight: 600;}
.i-partners-box>h3{font-size: 16px; color: rgba(0, 0, 0, .7); text-align: center; font-weight: 500}
.i-partners-box h4{font-size: 16px; color: #333; padding: 2rem 0 0 0;}
.i-partners-box ul{padding: 1rem 0 2rem 0;}
.i-partners-box ul li{width: calc(100% / 6 - 45px); padding: 4px 15px; border: 1px solid #ddd; margin-left: 10px; font-size: 0; display: inline-block; margin-bottom: 20px;}
.i-partners-box ul li:nth-child(6n+1){margin-left: 0;}
.i-partners-box ul li img{width: 100%;}

.i-distribution{background-color: #eee; padding: 3rem 0;}
.i-dimg{width: 100%; position: relative;}
.i-dimg img{width: 100%;}
.i-dimg .bdi{position: absolute; right: 25%; bottom: 39%; width: 25px;}
.i-dimg .bdname{position: absolute; right: 4%; bottom: 39%; font-size: 15px; padding: 6px 10px; border: 1px solid #ff0c0c;}
.i-dimg .bdname span{display: inline-block; position: relative;}
.i-dimg .bdname span:before{ position: absolute; content: ""; left: -22px; top: -17px; width: 0; height: 0; border-width: 12px 12px 12px 0; border-style: solid; border-color: transparent #ff0c0c transparent transparent;}
.i-dimg .bdname span:after{ position: absolute; content: ""; left: -21px; top: -16px; width: 0; height: 0; border-width: 11px 11px 11px 0; border-style: solid; border-color: transparent #eee transparent transparent;}

.zbdian{position: absolute; right: 6.8%; bottom: 41.5%;}
.zbdian .tit{position: relative; display: inline-block; cursor: pointer;}
.zbdian .tit:before{content: ""; z-index: 2; position: absolute; left: 21px; bottom: -14px; border: 1px solid #3497f3; border-radius: 50%; width: 12px; height: 12px;}
.zbdian .tit:after{content: ""; z-index: 2; position: absolute; left: 25px; bottom: -10px; border: 1px solid #3497f3; border-radius: 50%; width: 4px; height: 4px;}
.zbdian .con{padding: 10px; opacity: 0; background-color:#3497f3; color: #FFF; position: relative; -webkit-transition: all .5s;transition: all .5s;}
.zbdian .con:after{position: absolute; left: 18px; bottom: -11px; content: "";width: 0; height: 0; border-width: 11px 11px 0 11px; border-style: solid; border-color: #3497f3 transparent transparent transparent;}
.zbdian .con .qyu{font-size: 16px;}
.zbdian .con p{font-size: 13px;}

.zbdian.czhou{right: 12%;bottom: 40.5%;}
.zbdian.bozhou{right: 10%;bottom: 43%;}
.zbdian.jinzhai{right: 13%;bottom: 38%;}
.zbdian.tianmen{right: 12.5%;bottom: 36%;}
.zbdian.zaoyang{right: 17.5%;bottom: 39%;}
.zbdian.hangzhou{right: 5.6%;bottom: 36%;}
.zbdian.chongqing{right: 23.7%;bottom: 31.5%;}
.zbdian.kunming{right: 25.5%;bottom: 21%;}
.zbdian.chengdu{right: 30.5%;bottom: 36%;}

.zbanner{width: 100%; font-size: 0; position: relative;}
.zbanner img{width: 100%;}
.zbanner .txt{position: absolute; top: 30%; left: 0; width: 100%;}
.zbanner .txt h2{font-size: 40px; color: #FFF; font-weight: inherit; line-height: 1.2;}
.zbanner .txt h2 span{display: inline-block; padding-right: 20px;}
.zbanner .txt p{font-size: 16px; color: rgba(255, 255, 255, .8); padding-top: 12px;}
.zbanner .txt p span{display: inline-block; padding-right: 20px;}

/* about  */
.menu-nav{width: 100%;}
.menu-nav .menu-list{position: relative; width: 100%;}
.menu-nav .menu-list .menu-list-box{position: absolute; left: 0; bottom: 0; display: flex; justify-content: space-between; width: 100%;}
.menu-nav .menu-list .menu-list-box .link{ color:#FFF;display: inline-block; width: calc(100% / 3); background-color: rgba(255, 255, 255, .3); border: 1px solid rgba(255, 255, 255, .4); text-align: center; padding: 8px 0 5px 0;box-shadow: 0 4px 12px 0px rgba(0,0,0,.15);-webkit-box-shadow:0 4px 12px 0px rgba(0,0,0,.15); padding: 10px 0 8px 0;}
.menu-nav .menu-list .menu-list-box .link h3{line-height: 1.4; font-size: 16px;}
.menu-nav .menu-list .menu-list-box .link.active{background-color: rgba(6, 51, 165, 1); border-color: rgba(6, 51, 165, 1);}

.i-zabout{width: 100%; padding: 4rem 0; }
.i-zabout-box>h3{font-size: 22px; color: rgba(6, 51, 165, .9); text-align: center;}
.i-zabout-box .subtit{font-size: 16px; color: rgba(0, 0, 0, .7); text-align: center;}

.z-ab-txt{padding: 4rem 0 0 0; display: flex; justify-content: space-between;}
.z-ab-txt .left{width: 50%; font-size: 14px; line-height: 1.7;}
.z-ab-txt .left p{padding-bottom: 15px;}
.z-ab-txt .right{width: 35%;text-align: right; padding-right: 5%;}
.z-ab-btm{width: 100%; padding-top: 3rem;}
.z-ab-btm ul{display: flex; justify-content: center;}
.z-ab-btm ul li{width: calc(100% / 4 - 10px); text-align: center; color: #000; font-size: 14px;}
.z-ab-btm ul li span{font-size: 34px; font-weight: 600; color: #1925a1;}
.z-ab-btm ul li .desc{font-weight: 600; font-size: 14px;}
.z-ab-btm ul li .desctxt{font-weight: 600; font-size: 15px;}

.z-culture{width: 100%; padding: 3rem 0; }
.z-culture-box>h3{font-size: 22px; color: rgba(6, 51, 165, .9); text-align: center;}
.z-culture-box .subtit{font-size: 16px; color: rgba(0, 0, 0, .7); text-align: center;}
.z-culture-box ul{display: flex; flex-wrap: wrap; padding: 3rem 0 0 0; justify-content: space-between;}
.z-culture-box ul li{width: calc(100% / 3 - 20px); position: relative;margin-left: 30px; margin-bottom: 20px;box-shadow: 0 4px 12px 0px rgba(0,0,0,.15);-webkit-box-shadow:0 4px 12px 0px rgba(0,0,0,.15); font-size: 0;overflow: hidden;}
.z-culture-box ul li:nth-child(3n+1){margin-left: 0;}
.z-culture-box ul li .img{font-size: 0;}
.z-culture-box ul li img{width: 100%;-webkit-transition: all .5s;transition: all .5s;}
.z-culture-box ul li:hover img{-webkit-transform: scale(1.1, 1.1);-moz-transform: scale(1.1, 1.1);-o-transform: scale(1.1, 1.1);transform: scale(1.1, 1.1);}
.z-culture-box ul li .txt{padding: 2rem 30px 1.5rem 30px;}
.z-culture-box ul li .txt .tit{font-size: 16px; font-weight: 600; color: #333; text-align: center;}
.z-culture-box ul li .txt .jzdesc{padding-top: 20px; color: #999; font-size: 14px;}

.z-c-jzhi{padding: 3rem 0 0 0;}
.z-c-jzhi h3{font-size: 18px;}
.z-c-jzhi .z-c-subtit{font-size: 15px; padding-bottom: 1.5rem;}
.z-c-jzhi .desc{ font-size: 12px; color: #999; padding: 0 30% 5px 0;}

.z-activity{width: 100%; padding: 3rem 0; background-color: rgba(249,249,249, .3);}
.z-activity .i-nav{padding:2rem 0; text-align: center;}
.z-activity .i-nav span{display: inline-block; margin-right: 10px; font-size: 14px; color: #333; border: 1px solid #ddd; padding: 8px 16px; cursor: pointer;-webkit-transition: all .5s;transition: all .5s;}
.z-activity .i-nav span:hover{color: #FFF; border-color: rgba(6, 51, 165, 1); background-color: rgba(6, 51, 165, 1)}
.z-activity .i-nav span.active{color: #FFF; border-color: rgba(6, 51, 165, 1); background-color: rgba(6, 51, 165, 1)}

.z-hd-box{width: 100%; padding: 2rem 0}
.z-hd-box .z-hd-list{display: none;-webkit-transition: all .5s;transition: all .5s;}
.z-hd-box .z-hd-list.active{display: block;}
.z-hd-box .z-h-list{display: flex; justify-content: space-between;}
.z-hd-box .z-h-list .left{width: 46%}
.z-hd-box .z-h-list .right{width: 48%}
.z-h-list .right .link{display: flex; justify-content: left;margin-bottom: 18px; background-color: #FFF; align-items: center; padding: 20px 0; border:1px solid #f2f2f2; font-size: 16px; color: #333}
.z-h-list .right .link .date{width: 110px; text-align: center; position: relative;}
.z-h-list .right .link .date:after{content: ""; width: 1px; height: 50px; background-color: #f8f8f8; position: absolute; top: 0; right: 13px}
.z-h-list .right .link .date .day{font-size: 25px; line-height: 24px}
.z-h-list .right .link .date .month{font-size: 14px; line-height: 24px}
.z-h-list .right .link .tit{padding-right: 10px; width: 80%}
.z-hd-box .z-h-list .left .thumb{position: relative; overflow: hidden;}
.z-hd-box .z-h-list .left .thumb .thumb-box{position: relative; overflow: hidden;}
.z-hd-box .z-h-list .left .img{width: 100%;height: auto;overflow: hidden;background: center center no-repeat; background-size: cover;-webkit-transition: all .5s;transition: all .5s;}
.z-hd-box .z-h-list .left .img img{width: 100%;}
.z-hd-box .z-h-list .left .thumb:hover .img{-webkit-transform: scale(1.1, 1.1);-moz-transform: scale(1.1, 1.1);-o-transform: scale(1.1, 1.1);transform: scale(1.1, 1.1);}
.z-hd-box .z-h-list .left h3{padding: 15px 0; font-size: 18px; font-weight: 600; color: #333}
.z-hd-box .z-h-list .left .desc{font-size: 14px; color: #999; padding-bottom: 15px}
.z-hd-box .z-h-list .left .more span{display: inline-block; padding: 6px 20px; font-size: 14px; border: 1px solid #666; color: #666}
.z-hd-box .z-h-list .left .more span:hover{background-color: rgba(5, 46, 150, .9); border-color: rgba(5, 46, 150, .9); color: #FFF;}

.z-h-list .right .more{padding-top: 3rem; text-align: right;}
.z-h-list .right .more a{display: inline-block; padding: 6px 20px; font-size: 14px; border: 1px solid #999; color: #999}
.z-h-list .right .more a:hover{background-color: rgba(5, 46, 150, .9); border-color: rgba(5, 46, 150, .9); color: #FFF;}


.z-team{width: 100%; padding: 2rem 0; background-color: rgba(255, 255, 255, 1.0);}
.z-team-box>h3{font-size: 22px; color: rgba(6, 51, 165, .9); text-align: center;}
.z-team-box .subtit{font-size: 16px; color: rgba(0, 0, 0, .7); text-align: center;}

.z-team-header{padding: 4rem 0 4rem 0;display: flex; justify-content: space-between;}
.z-team-header .left{width: 45%;}
.z-team-header .left h3{font-size: 16px; color: #333; padding-bottom: 1.5rem;}
.z-team-header .left .desc{font-size: 14px; color: #666; position: relative; padding-bottom: 15px;}
/*.z-team-header .left .desc:before{width: 5px; background-color: #ffbd00; height: 100%; content: ""; position: absolute; left: 0; top: 0;}*/
.z-team-header .left .desc span{font-size: 20px;}
.z-team-header .left .position{padding-top: 3rem; font-size: 12px; color: #333;}
.z-team-header .left .position span{font-weight: 600; font-size: 14px; display: inline-block; padding-right: 10px;}
.z-team-header .right{width: 45%;}
.z-team-header .right .img{padding-left: 10%;background-color: #ffbd00; font-size: 0;}
.z-team-header .right .img img{width: 100%;}

.z-team-list{padding: 2rem 0 0 0; display: flex; justify-content: flex-start; flex-wrap: wrap;}
.zt-ltit{font-size: 18px; color: #333; padding: 2rem 0 0 0; text-align: left;}
.z-team-list li{width: calc(100% / 4 - 15px); margin-left: 20px; margin-bottom: 20px; position: relative; font-size: 0;}
.z-team-list li:nth-child(4n+1){margin-left: 0;}
.z-team-list li .img{width: 100%; overflow: hidden;}
.z-team-list li img{width: 100%;-webkit-transition: all .5s;transition: all .5s;}
.z-team-list li:hover img{-webkit-transform: scale(1.1, 1.1);-moz-transform: scale(1.1, 1.1);-o-transform: scale(1.1, 1.1);transform: scale(1.1, 1.1);}
.z-team-list li .txt{position: absolute; bottom: 0; left: 0; background-color: #f2f2f2; font-size: 12px; padding: 10px 0; text-align: center; width: 100%;-webkit-transition: all .5s;transition: all .5s;}
.z-team-list li .txt span{font-size: 16px; font-weight: 600; line-height: 1.7;}
/*.z-team-list li:after{content: ""; right: 0; width: 28px; height: 28px; background-color: #FFF; position: absolute; bottom: 96px;-webkit-transition: all .5s;transition: all .5s;}*/
.z-team-list li:hover .txt{background-color: rgba(6, 51, 165, .9); color: #FFF;}
.z-team-list li:hover:after{background-color: rgba(6, 51, 165, .9);}

.z-cu-wrap{width: 100%; padding: 2rem 0; background: linear-gradient(to bottom, rgba(249,249,249, .3) 20%, rgba(249,249,249, .5) 30%, rgba(248,249,249, .9) 50%)}


/* solution  */
.menu-nav .menu-list .menu-list-box .link.onelink{width: 100%; background-color: rgba(255, 255, 255, .8); color: #333; border: inherit;}
.menu-nav .menu-list .menu-list-box .link.onelink p{font-size: 13px;}
.z-solution{width: 100%; padding: 3rem 0; background-color: #f9fbfe;}
.z-sol-txt{padding: 1rem 0; display: flex; justify-content: space-between;}
.z-sol-txt .left{width: 41%; font-size: 14px; line-height: 1.7;}
.z-sol-txt .left h3{font-size: 20px; color: #333; padding:1rem 0 3rem 0;}
.z-sol-txt .left .desc{padding-bottom: 4rem; color: #666;}
.z-sol-txt .left .sol-more{display: inline-block; padding: 6px 25px;border: 1px solid #2c67f4; font-size: 14px;}
.z-sol-txt .left .sol-more:hover{background-color: rgba(44, 103, 244, .8); color: #FFF;}
.z-sol-txt .right{width: 35%;text-align: right; padding-right: 5%;}
.z-sol-txt .right img{width: 80%;}


.z-sol-xzhuang{width: 100%; padding: 3rem 0;}
.z-sol-xzhuang .subtit{font-size: 22px; color: rgba(0, 0, 0, .7); text-align: center;}
.z-xz-box{width: 100%; justify-content: space-between; display: flex; padding-top: 2.5rem;}
.z-xz-box li{width: calc(100% / 4 - 15px); margin-left: 20px; border: 1px solid #eee;}
.z-xz-box li:first-child{margin-left: 0;}
.z-xz-box li .img{width: 100%;}
.z-xz-box li .img img{width: 100%;}
.z-xz-box li .txt{padding: 0 1.8rem 3rem 1.8rem;}
.z-xz-box li h3{width: 100%; border-bottom: 1px solid #eee; padding: 1.1rem 0;font-size: 16px; font-weight: 600; color: #333; text-align: center;}
.z-xz-box li p{color: #666; font-size: 14px; line-height: 1.8; padding-top: 1.2rem;}

.z-solution-sz{width: 100%; padding: 3rem 0; background-color: #f9f9f9;}
.z-solution-sz .subtit{font-size: 22px; color: rgba(0, 0, 0, .7); text-align: center;}
.z-solution-sz .z-sol-txt{padding: 4rem 0; display: flex; justify-content: space-between;}
.z-solution-sz .z-sol-txt .left{width: 40%; font-size: 14px; line-height: 1.7; background-color: #FFF; padding:1.5rem 3% 0 5%;}
.z-solution-sz .z-sol-txt .left h3{font-size: 20px; color: #333; padding:1rem 0 2.5rem 0;}
.z-solution-sz .z-sol-txt .left .desc{padding-bottom: 4rem; color: #666; line-height: 1.8; font-size: 14px;}
.z-solution-sz .z-sol-txt .left .sol-more{display: inline-block; padding: 6px 25px;border: 1px solid #2c67f4; font-size: 14px;}
.z-solution-sz .z-sol-txt .left .sol-more:hover{background-color: rgba(44, 103, 244, .8); color: #FFF;}
.z-solution-sz .z-sol-txt .right{width: 55%;text-align: right; background-color: #FFF; font-size: 0;}
.z-solution-sz .z-sol-txt .right img{width: 100%;}

.z-sol-jhu{width: 100%; justify-content: space-between; display: flex; padding:2.5rem 0; flex-wrap: wrap;}
.z-sol-jhu li{width: calc(100% / 3 - 22px); margin-left: 30px; margin-bottom: 25px; border: 1px solid #eee; background-color: #FFF; padding:30px 0;}
.z-sol-jhu li:nth-child(3n+1){margin-left: 0;}
.z-sol-jhu li h3{font-size: 20px; font-weight: 600; color: #333; text-align: center; padding: 10px 0 16px 0;}
.z-sol-jhu li p{font-size: 14px; text-align: center; color: #666; line-height: 1.8;}

.z-sol-dyang{width: 100%; justify-content: space-between; display: flex; padding:2.5rem 0; flex-wrap: wrap;}
.z-sol-dyang li{width: calc(100% / 2 - 15px); margin-left: 30px; margin-bottom: 25px; background-color: #FFF;display: flex; justify-content: space-between;}
.z-sol-dyang li:nth-child(2n+1){margin-left: 0;}
.z-sol-dyang li .ltxt{padding: 20px 4%; width: 42%; }
.z-sol-dyang li .ltxt .tit{font-size: 16px; font-weight: 666;text-align: center; color: #333; padding: 1.6rem 0 18px 0;}
.z-sol-dyang li .ltxt .desc{font-size: 13px; color: #666;}
.z-sol-dyang li .rimg img{width: 100%;}
.z-sol-dyang li .zimg{width: 50%;font-size: 0;}

.z-sol-yshi{width: 100%; justify-content: first; display: flex; padding:2.5rem 0 0 0; flex-wrap: wrap;}
.z-sol-yshi li{width: calc(100% / 2 - 97px); border: 1px solid #eee; position: relative; padding: 30px 55px 60px 30px; margin-left: 20px; margin-bottom: 20px; background-color: #FFF;}
.z-sol-yshi li:nth-child(2n+1){margin-left: 0;}
.z-sol-yshi li h3{font-size: 16px; padding-bottom: 16px;}
.z-sol-yshi li p{font-size: 14px; color:#666;}
.zysimg{width: 120px; position: absolute; right: 0; bottom: -10px;}
.zysimg2{width: 120px; position: absolute; right: 0; bottom: 0px;}
.zysimg3{width: 160px;position: absolute; right: 0; bottom: -10px;}

.z-sol-3xtong{width: 100%; justify-content: space-between; display: flex; padding:2.5rem 0; flex-wrap: wrap;}
.z-sol-3xtong .z-sol-3left{width: 28%;}
.z-sol-3xtong .z-sol-3left .link{width: 100%; cursor: pointer; position: relative; background-color: #FFF; padding: 25px 0; text-align: center; font-size: 16px; color: #333; margin-bottom: 15px;}
.z-sol-3xtong .z-sol-3left .link:last-child{margin-bottom: 0;}
.z-sol-3xtong .z-sol-3left .link.active{color: #FFF; background-color: #1e70ea;}
.z-sol-3xtong .z-sol-3left .link.active:after{position: absolute; right: -10px; top: 43%; content: ""; border-top: 10px solid transparent;border-bottom: 10px solid transparent;border-left: 10px solid #1e70ea;}
.z-sol-3xtong .z-sol-3right{width: 65%; background-color: #FFF; padding: 0 30px;}
.z-sol-3xtong .z-sol-3right .z-3txt{display: none; justify-content: space-between; align-items: center; height: 100%;}
.z-sol-3xtong .z-sol-3right .z-3txt.active{display: flex;}
.z-sol-3xtong .z-sol-3right .z-3txt .img{width: 20%; text-align: center;}
.z-sol-3xtong .z-sol-3right .z-3txt p{width: 74%; padding-right: 1.5rem; font-size: 14px; line-height: 1.6; color: #666;}

.z-sol-yyong{width: 100%; padding: 3rem 0;}
.z-sol-yyong .subtit{font-size: 22px; color: rgba(0, 0, 0, .7); text-align: center;}
.z-sol-ybox{width: 100%; justify-content: first; display: flex; padding:2.5rem 0 0 0; flex-wrap: wrap;}
.z-sol-ybox li{width: calc(100% / 3 - 22px); margin-left: 30px; position: relative; margin-bottom: 25px; font-size: 0; overflow: hidden;}
.z-sol-ybox li:nth-child(3n+1){margin-left: 0;}
.z-sol-ybox li img{width: 100%;-webkit-transition: all .5s; transition: all .5s;}
.z-sol-ybox li:hover img{-webkit-transform: scale(1.1, 1.1);-moz-transform: scale(1.1, 1.1);-o-transform: scale(1.1, 1.1);transform: scale(1.1, 1.1)}
.z-sol-ybox li p.tit{position: absolute; z-index: 9; left:15px; bottom: 15px; color: #FFF; font-size: 18px;}

.z-sol-video{width: 100%; padding: 3rem 0; background-color: #f9f9f9;}
.z-sol-video .subtit{font-size: 22px; color: rgba(0, 0, 0, .7); text-align: center;}
.z-solv-box{padding: 3rem 0 0 0; width: 90%; margin: 0 auto;}
.z-solv-box video{width: 100%;}

.z-sol-zxun{width: 100%; position: relative; font-size: 0;}
.z-sol-zxun img{width: 100%;}
.z-sol-zbox{width: 100%; position: absolute; top: 0; left: 0; height: 100%; text-align: center;}
.z-solb-wrap{width: 100%;}
.z-solb-tit{display: flex; align-items: center; width: 100%; height: 100%;}
.z-solb-tit h3{width: 100%; text-align: center; font-size: 30px;font-weight: 600;}
.z-solb-tit .subtit{width: 100%; text-align: center;font-size: 18px; padding: 2rem 0 3rem 0;}
.z-solb-tit .zxun{width: 100%; text-align: center;}
.z-solb-tit .zxun a{padding: 14px 80px; border-radius: 4px; font-size: 18px; font-weight: 600; background-color: #1e70ea; color: #FFF; display: inline-block;}

.z-solution01{width: 100%; padding: 3rem 0; background-color: #FFF;}
.z-solution02{width: 100%; padding: 3rem 0 0 0; background-color: #FFF;background: linear-gradient(to bottom, rgba(249,249,249, .3) 20%, rgba(249,249,249, .5) 30%, rgba(248,249,249, .9) 50%)}
.z-solution02 .z-sol-txt{padding-bottom: 0;}
.z-advantage{width: 100%; padding: 3rem 0; background-color: #ebf4ff;}

.z-advantage{padding: 4rem 0;}
.z-advantage .subtit{font-size: 22px; color: rgba(0, 0, 0, .7); text-align: center;}
.z-advantage h3{font-size: 16px; color: rgba(6, 51, 165, .9); text-align: center;}
.z-adv-txt{padding-top: 6rem; display: flex; justify-content: space-between;}
.z-adv-txt .left{width: 48%; display: flex; justify-content: center; align-items: center;}
.z-adv-txt .left .img{width: 90px;}
.z-adv-txt .left .img img{width: 100%;}
.z-adv-txt .left .ztit{font-size: 16px; color: #333; padding-left: 20px; font-weight: 600;}
.z-adv-txt .right{width: 48%;}
.z-adv-txt .right p{width: 60%; font-size: 13px; margin: 0 auto; box-shadow: 0 0 8px 0 rgb(0 0 0 / 10%); padding: 25px;}

.sol-bwrap{padding: 4rem 0; background-color: #f2f2f2;}
.solnew-list{display: flex; flex-wrap: wrap; }
/*.solnew-list a{width: calc(100% / 3 - 20px); background-color: #FFF; display: inline-block; margin-right: 30px; margin-bottom: 30px; transition: .5s; -webkit-transition: .5s;}
.solnew-list a:nth-child(3n){margin-right: 0;}*/
.solnew-list a{width: calc(100% / 2 - 32px); background-color: #FFF; display: inline-block; margin-right: 30px; margin-bottom: 30px; transition: .5s; -webkit-transition: .5s;}
.solnew-list a:nth-child(2n){margin-right: 0;}
.solnew-list .thumb{position: relative; overflow: hidden;}
.solnew-list .thumb .thumb-box{position: relative; overflow: hidden;}

.solnew-list .img{width: 100%; font-size: 0;height: auto;overflow: hidden;background: center center no-repeat; background-size: cover;-webkit-transition: all .5s;}
.solnew-list .img img{width: 100%;}
.solnew-list .thumb:hover .img{-webkit-transform: scale(1.1, 1.1);-moz-transform: scale(1.1, 1.1);-o-transform: scale(1.1, 1.1);transform: scale(1.1, 1.1)}

.solnew-list .txt{ padding: 12px 18px;position: relative;}
.solnew-list h3{font-size: 18px; line-height: 28px; color: #333; font-weight: 600; padding: 15px 0;transition: .5s; -webkit-transition: .5s;}
.solnew-list .desc{overflow: hidden; font-size: 14px; line-height: 25px; height: 54px; color: #666; display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;}

.solnew-list .time-more{padding: 15px 18px 10px 18px; display: flex;}
.solnew-list .more{display: inline-block;font-size: 14px; color: #666; margin-bottom: 17px; padding: 6px 28px; border: 1px solid rgba(102, 102, 102, .8);}
.solnew-list .more:hover{background-color: rgba(102, 102, 102, .5); color: #FFF;}


/* News  */
.z-news{width: 100%; padding: 3rem 0;}
.z-news-box{box-shadow: 0 4px 12px 0px rgba(0,0,0,.15);-webkit-box-shadow:0 4px 12px 0px rgba(0,0,0,.15); font-size: 0;}
.z-news-box .zn-bk{display: flex;justify-content: space-between;}
.z-news-box .thumb{position: relative; overflow: hidden; width: 60%;}
.z-news-box .thumb .thumb-box{position: relative; overflow: hidden;}
.z-news-box .img{width: 100%;height: auto;overflow: hidden;background: center center no-repeat; background-size: cover;-webkit-transition: all .5s;transition: all .5s;}
.z-news-box .img img{width: 100%;}
.z-news-box .thumb:hover .img{-webkit-transform: scale(1.1, 1.1);-moz-transform: scale(1.1, 1.1);-o-transform: scale(1.1, 1.1);transform: scale(1.1, 1.1);}

.z-news-box .txt{padding: 2rem 3rem; width:35% ;}
.z-news-box .txt h3{font-size: 16px; color: #333;}
.z-news-box .txt .desc{font-size: 13px; color: #666; padding-top: 3rem;}
.z-news-box .txt .time{font-size: 14px; color: #333; font-weight: 600; padding-top: 3rem;}
.z-news-box .txt .zn-more{text-align: right; padding: 3rem 1rem 0 0; font-size: 14px; color: rgba(255, 185, 0, 1);}

.z-news-list{padding: 1.5rem 0 0 0;}
.z-news-list .z-n-detail{display: flex; justify-content: space-between; padding: 2rem 0; border-bottom: 1px solid rgba(0, 0, 0, .1);}
.z-news-list .z-n-detail .time{width: 120px; height: 80px; font-size: 16px; text-align: center; padding: 10px 0; background-color: #ddd; color: #FFF; font-weight: 600;-webkit-transition: all .5s; transition: all .5s;-o-transition: all .5s;}
.z-news-list .z-n-detail .time span{font-size: 20px; padding-top: .8rem; display: inline-block;}
.z-news-list .z-n-detail .detail{width: 84%; padding: 0 20px;}
.z-news-list .z-n-detail .detail h3{font-size: 16px;color: #333; padding-top: 5px;}
.z-news-list .z-n-detail .detail .desc{padding-top: 25px; color: #666; }
.z-news-list .z-n-detail:hover .time{background-color: rgba(255, 185, 0, 1);}

.news-detail{width: 100%; }
.news-detail h2{text-align: center; font-size: 22px; padding-bottom: 10px; padding-top: 25px;}
.news-detail p.liulan{color: #000; text-align: center;padding-bottom: 1rem; border-bottom: 1px solid #e5e5e5; }
.news-detail .n-content{overflow: hidden; padding:3rem 5rem 0 5rem;}
.news-detail .n-content img{text-align: center; max-width: 100%;}
.news-detail .n-content video{text-align: center; max-width: 100%;}

.tbiao{padding: 5rem 5rem}
.tbiao .prev{padding: 15px 20px 15px 40px; color: #333; position: relative; background-color: #f2f2f2}
.tbiao .next{padding: 15px 40px 15px 20px; color: #333; margin-left: 10px; position: relative; background-color: #f2f2f2}
.tbiao .prev:hover{background-color: #073274; color: #FFF}
.tbiao .next:hover{background-color: #073274; color: #FFF}

.tbiao .prev i{position: absolute; left: 7px; top: 5px; font-size: 24px; color: #333; z-index: 1}
.tbiao .next i{position: absolute; right: 7px; top: 5px; font-size: 24px; color: #333; z-index: 1}
.tbiao .prev:hover i{color: #FFF}
.tbiao .next:hover i{color: #FFF}

#pages{text-align: center; padding: 2rem 0 0 0;}
#pages a{padding: 10px 12px; color: #333; font-size: 14px;}
#pages span{background-color:rgba(6, 51, 165, 1); color: #FFF; padding: 10px 12px;}

/* contact  */
.z-contact{padding: 3rem 0; width: 100%; background-color: rgba(242, 242, 242, .9);}
.z-contact-box{position: relative;}
.z-contact-box .left{width: 28%; font-size: 0; position: absolute; top: -20%; left: 2%; box-shadow: 0 4px 12px 0px rgba(0,0,0,.15);-webkit-box-shadow:0 4px 12px 0px rgba(0,0,0,.15);}
.z-contact-box .left img{width: 100%;}
.z-contact-box .left .left-box{position: relative; width: 100%;}
.z-contact-box .left .left-box .txt{position: absolute; width: 100%; left: 0; top: 13%;}
.z-contact-box .left .left-box .txt h3{font-size: 20px; color: #FFF; text-align: center; padding-bottom: 2rem;}
.z-contact-box .left .left-box .txt p{font-size: 16px; color: #FFF; padding: 1.5rem 0 0 1.5rem}
.z-contact-box .left .left-box .txt p i{font-size: 24px; color: rgba(255, 255, 255, .8); padding-right: 10px;}

.z-contact-box .right{padding-left: 40%;}
.z-contact-box .right .form{}
.z-contact-box .right .form h3{font-size: 16px;}
.z-contact-box .right .form p.bzhu{font-size: 13px; color: rgba(0, 0, 0, .6); padding: 8px 0 20px 0;}
.z-contact-box .right .form input{width: 94%;height: 34px;display: block; margin: 22px 0; padding: 5px 10px; border: 0; font-size: 12px;}
.z-contact-box .right .form textarea{width: 94%;height: 120px;display: block; margin: 15px 0; padding: 5px 10px; border: 0; font-size: 12px;}
.z-contact-box .right .form .zsubmit{border-radius: 4px;padding: 12px 40px; margin-top: 30px; color: #FFF; background-color: rgba(255, 189, 0, 1.0); border: 0; font-size: 14px; cursor: pointer;}
.z-contact-box .right .form .zsubmit:hover{background-color: rgba(224, 168, 6, 1.0);}

.i-map{width: 100%; padding: 4rem 0 0 0; background: linear-gradient(to bottom, rgba(249,249,249, .3) 20%, rgba(249,249,249, .5) 30%, rgba(248,249,249, .9) 50%)}
.i-map-box{width: 100%; height: 420px;}

textarea::-webkit-input-placeholder{  color:#777 !important; font-family: 'Microsoft YaHei',sans-serif;}

.sol-equipment{padding: 4rem 0}
.sol-e01{width: 100%;display: flex; justify-content: space-between;}
.sol-e01 .left{background-color: #f1f1f1; width: 32%; padding:0 4%}
.sol-e01 .left h3{padding: 5rem 0 40px 0; font-size: 24px; color: #333; position: relative;}
.sol-e01 .left h3:after{content: "";position: absolute; left: 0; bottom: 20px; width: 30px; height: 3px; background-color: #1935a2}
.sol-e01 .left .desc{font-size: 14px; color: #666}
.sol-e01 .right{font-size: 0}
.sol-e01 .right img{width: 100%}
.sol-e02{ width: 100%;display: flex; justify-content: space-between;}
.sol-e02 .left{font-size: 0;width: 32%;}
.sol-e02 .left img{width: 100%}
.sol-e02 .right{width: 60%; display: flex; align-items: center; padding: 0 4%}
.sol-e02 .right .desc{font-size: 14px; color: #666;padding-top: 2rem}

.sol-e03{width: 100%; padding: 3rem 0}
.sol-e03 ul{display: flex; justify-content: space-between; padding: 3rem 0}
.sol-e03 ul li{width: calc(100% / 3 - 10px); margin-left: 15px}
.sol-e03 ul li:first-child{margin-left: 0}
.sol-e03 ul li img{width: 100%}
.sol-e03 p{padding: 0 2rem; font-size: 14px; color: #666}

.sol-gov{width:100%; display: flex; justify-content: space-between; padding: 5rem 0}
.sol-gov .left{width: 42%}
.sol-gov .left h3{font-size: 20px; color: #333; padding-bottom: 3rem; padding-left: 30px; position: relative;}
.sol-gov .left h3:before{content: ""; position: absolute; left: 0; top: 8px; width: 18px;height: 18px; background-color: #febd00}
.sol-gov .left .desc{padding:3rem 0 0 30px; font-size: 14px; color: #666}
.sol-gov .left .tit{font-size: 16px; border-bottom: 1px solid #333; padding: 3rem 0 5px 0; margin-left: 30px}
.sol-gov .left .num{font-size: 40px; padding:10px 0 0 30px; display: flex; align-items: flex-start;}
.sol-gov .left .num span{font-size: 14px; color: #666; display: inline-block; padding: 10px 0 0 5px}

.sol-gov .right{width: 58%}
.sol-gov .right img{width: 100%}

.sol-fund-wrap{width: 100%; padding: 4rem 0; background: linear-gradient(to bottom, rgba(249,249,249, .3) 20%, rgba(249,249,249, .5) 30%, rgba(248,249,249, .9) 50%)}
.sol-fbox{width: 100%;display: flex; justify-content: space-between;}
.sol-fbox .left{width: 35%; position: relative;}
.sol-fbox .left h3{padding-top: 20px; font-size: 20px}
.sol-fbox .left ul{background-color: #f1f2f6; width: 100%; padding: 20px 0; position: absolute; bottom: 0; left: 0}
.sol-fbox .left ul li{padding: 8px 30px; font-size: 14px; position: relative; cursor: pointer;}
.sol-fbox .left ul li.active:after{position: absolute; left: 0; top: 8px; content: ""; width: 4px; height: 22px; background-color: #1935a2}

.sol-fbox .right{width: 65%;}
.sol-fbox .right .fund-box{display: none; position: relative;transition: .5s; -webkit-transition: .5s;}
.sol-fbox .right .fund-box.active{display: block;}
.sol-fbox .right .img{width: 100%; font-size: 0}
.sol-fbox .right .img img{width: 100%}
.sol-fbox .right h3{width: 92%;background-color: rgba(25, 53, 162, .8); padding: 20px 30px; font-weight: 500; color: #FFF; font-size: 14px; position: absolute; left: 0; bottom: 0}


.sol-promotion{padding: 4rem 0 0 0}
.sol-pro{width:100%; display: flex; justify-content: space-between; padding: 5rem 0 0 0}
.sol-pro .left{width: 42%}
.sol-pro .left h3{font-size: 20px; color: #333; padding-bottom: 4rem; padding-left: 30px; position: relative;}
.sol-pro .left h3:before{content: ""; position: absolute; left: 0; top: 8px; width: 18px;height: 18px; background-color: #febd00}
.sol-pro .left .txt{padding:0 0 0 30px; font-size: 14px; color: #666}
.sol-pro .left .dtit{padding: 3rem 0 0 30px;}
.sol-pro .left .tit{font-size: 15px; font-weight: 600}
.sol-pro .left .desc{font-size: 14px; color: #666}

.sol-pro .right{width: 58%}
.sol-pro .right img{width: 100%}

.sol-project{padding-left: 30px}
.sol-project h3{font-size: 16px; padding-bottom: 30px}
.sol-project .sol-pro-box{display: flex; justify-content: space-between;}
.sol-pro-box .left{width: 49%;}
.sol-pro-box .left ul{display: flex; justify-content: space-between;}
.sol-pro-box .left ul li{width: calc(100% / 4); text-align: center;border:1px solid #FFF; display: flex; align-items: center; height: 45px; justify-content: center;}
.sol-pro-box .left ul.head li{background-color: #1935a2; color: #FFF; }
.sol-pro-box .left ul.body li{background-color: #e5e5e5; color: #333; }
.sol-pro-box .left ul li:first-child{width: 35%}

.sol-ldpro{padding: 3rem 0 3rem 30px}
.sol-ldpro h3{font-size: 16px; padding-bottom: 30px}
.sol-ldpro .line{width: 100%; height: 2px; background-color: #cdccd5; position: relative;}
.sol-ldpro .line:before{width: 120px; background-color: #1935a2; height: 4px; top: -1px; left: 0;content: ""; position: absolute;}
.sol-ldp-box{padding: 4rem 0}
.sol-ldp-box .txt-box{width: 100%; display: flex;justify-content: space-between;}
.sol-ldp-box .txt-box .left{width: 45%; background-color: #1935a2}
.sol-ldp-box .txt-box .left h3{font-size: 30px; color: #FFF; padding: 3rem 0 6rem 3rem; font-weight: 500}
.sol-ldp-box .txt-box .left h3.x{padding-bottom: 3rem}
.sol-ldp-box .txt-box .left h3.d{padding-bottom: 6rem}
.sol-ldp-box .txt-box .left p{font-size: 14px; padding: 20px 3rem 0 3rem; color: #FFF;}

.sol-ldp-box .txt-box .right{width: 55%; font-size: 0}
.sol-ldp-box .txt-box .right img{width: 100%}

.sol-ldp-box .swiper-button-prev{left: inherit; right: 50px; top: 22px; width: 50px; height: 50px; background-color: #FFF;background-size:27px 28px}
.sol-ldp-box .swiper-button-next{left: inherit; right: 0; top: 22px; width: 50px; height: 50px; background-color: #FFF;background-size:27px 28px}
.sol-ldp-box .swiper-button-next.swiper-button-disabled, .sol-ldp-box .swiper-button-prev.swiper-button-disabled{opacity: .8}

.footer{height: 450px;background-image:url(../../images/zy/footbg.jpg);background-color: #FFF; background-position: cover; background-size: 100%; background-repeat: no-repeat;}
.footer.zfooter{background-color: #f1f7ff;}
.footer-wrap{width: 100%; padding-top: 13rem;}
.footer-wrap .fw-left{width: 50%; float: left;}
.footer-wrap .fw-left .flogo{width: 140px;}
.footer-wrap .fw-right{width: 50%; float: left;}
.footer-wrap .fw-right ul{display: flex;}
.footer-wrap .fw-right ul li{width: 25%; }
.footer-wrap .fw-right ul li:nth-child(2){width: 40%; }
.footer-wrap .fw-right ul li:last-child{width: 30%; padding-left: 2%;}
.footer-wrap .fw-right ul li h3{font-size: 14px; padding-bottom: 20px; color: #FFF;}
.footer-wrap .fw-right ul li p{color: rgba(255, 255, 255, .7); padding-bottom: 5px; font-size: 13px;}
.footer-wrap .fw-right ul li p a{color: rgba(255, 255, 255, .7);}
.footer-btm{color: rgba(255, 255, 255, .6); font-size: 13px; padding-top: 2rem;}
.footer-btm a{color: rgba(255, 255, 255, .6);}

.z-slide-wrap {position: fixed; right: 0; bottom: 50px; z-index: 1000;}
.z-slide-wrap  ul{position: relative;}
.z-slide-wrap  ul li{width: 50px; height: 50px; background: #fff; border: 1px solid #f0f0f0; margin-bottom: 1px; border-radius: 2px; -webkit-border-radius: 2px; -moz-border-radius: 2px;  position: relative; font-size: 12px; color: #2895c9; text-align: center; cursor: pointer; transition: .15s ease-in-out; -webkit-transition: .15s ease-in-out; -moz-transition: .15s ease-in-out; -ms-transition: .15s ease-in-out; -o-transition: .15s ease-in-out;}
.z-slide-wrap  ul li.to-feedback{height: 43px; line-height: 1.5; padding-top: 7px;}
.z-slide-wrap  ul li:hover{color: #333;}
.z-slide-wrap  ul li:before{font-size: 16px;position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transition: .15s ease-in-out; -webkit-transition: .15s ease-in-out; -moz-transition: .15s ease-in-out; -ms-transition: .15s ease-in-out; -o-transition: .15s ease-in-out;}
.z-slide-wrap  ul li:hover:before{color: #333;}
.to-up:after {content:"";display:block;width:14px;height:14px;border-width:2px 2px 0 0;border-style:solid;color:#004da1;position:absolute;left:50%;top:55%;-webkit-transform:translate(-50%,-50%) rotate(-45deg);transform:translate(-50%,-50%) rotate(-45deg)}


@media (min-width:1680px) {

}

@media (min-width:1440px) {

}

@media (min-width:1200px) {

}

@media (min-width:768px) {

}
@media (max-width:1025px) {
    .pc{display: none;}
    .m{display: block;}
    .container{width: 100%}

   
    .mtd-header{position: fixed; z-index: 99; width: 100%;}
    .mtd-header .mlogo{padding: 13px 12px 5px 15px; float: left;}
    .mtd-header .mlogo img{width: 120px;}

    .mtd-header-info {position: relative;z-index: 10;height: 60px;}
    .mtd-header-info .nav_btn{float: right;margin: 16px 20px 0 0;cursor:pointer;height: 32px;width: 25px;position: relative;}
    .mtd-header-info .nav_btn span{display: inline-block;width: 25px;height: 2px;background-color: #FFF;position: absolute;top: 16px;left: 0px;transition:background-color 0.3s ease-out 0.1s}
    .mtd-header-info .nav_btn span:after{content:'';display: inline-block;width: 25px;height: 2px;background-color: #FFF;position: absolute;top: 8px;left:0px;transition:transform 0.3s ease-out,top 0.5s ease 0.4s;transform: rotate(0deg)}
    .mtd-header-info .nav_btn span:before{content:'';display: inline-block;width: 25px;height: 2px;background-color: #FFF;position: absolute;top: -8px;left:0px;transition:transform 0.3s ease-out,top 0.5s ease 0.4s;transform: rotate(0deg)}
    .mtd-header-info.btn_click .nav_btn span{background-color: transparent;}
    .mtd-header-info.btn_click .nav_btn span:after{transition: top 0.5s ease, transform 0.3s ease-out 0.4s;transform: rotate(-45deg);top: 0px }
    .mtd-header-info.btn_click .nav_btn span:before{transition: top 0.5s ease, transform 0.3s ease-out 0.4s;transform: rotate(45deg);top: 0px}
    .mtd-header-info .nav {position: fixed;top: 65px;left: 0px;right: 0px;bottom: 0px;background: #fff;visibility: hidden;filter: alpha(opacity=0);-moz-opacity: 0;opacity: 0;transition: all 0.5s;overflow: auto;}
    .mtd-header-info.btn_click .nav{visibility: visible;filter:alpha(opacity=100);-moz-opacity:1;opacity:1;top:65px;transition: all 0.5s;}
    .mtd-header-info .nav>ul {overflow-y: auto}
    .mtd-header-info .nav>ul>li{border-top: 1px solid #dcdcdc}
    .mtd-header-info .nav>ul>li:last-child{border-bottom: 1px solid #dcdcdc}
    .mtd-header-info .nav li a{color: #004d9c;display:block;text-align: center;height: 100%}
    .mtd-header-info .nav li>a{padding:15px 25px }
    .mtd-header-info .nav>ul>li>a{font-size: 16px; font-weight: 600;text-align: left;}
    .mtd-header-info .nav>ul>li>a em{font-size: 14px;padding-left: 5px;color: #333}

    .navPhone-li{display: none;transition: all 0.5s;}
    .navPhone-li ul li a{text-align: left !important;position: relative;font-size: 14px !important;padding-left: 43px !important;}
    .nav>ul li a i{display: inline-block;width: 9px;height: 6px;background: url(../images/icon-2.png) no-repeat;margin-left: 5px;-webkit-transition: all .3s;-moz-transition: all .3s;-o-transition: all .3s;-ms-transition: all .3s;transition: all .3s}
    .nav.nav-phone>ul li.active a i{ background: url(../images/icon-2.png) no-repeat;transform:rotate(180deg);-ms-transform:rotate(180deg); -moz-transform:rotate(180deg); -webkit-transform:rotate(180deg); -o-transform:rotate(180deg); }
    .mbanner-box{margin-top: 70px}

    .mtd-header-info.transition{background-color: #FFF;}
    .transition .mtd-header-info .nav_btn span{background-color: #004d9c;}
    .transition .mtd-header-info .nav_btn span:after{background-color: #004d9c;}
    .transition .mtd-header-info .nav_btn span:before{background-color: #004d9c;}
    .transition .mtd-header-info.btn_click .nav_btn span{background-color: transparent;}
    .transition .mtd-header-info.btn_click .nav_btn span:after{transition: top 0.5s ease, transform 0.3s ease-out 0.4s;transform: rotate(-45deg);top: 0px }
    .transition .mtd-header-info.btn_click .nav_btn span:before{transition: top 0.5s ease, transform 0.3s ease-out 0.4s;transform: rotate(45deg);top: 0px}
    
    .padd3rem{padding-bottom: 3rem!important;}

    .ivideo-box .ib-wrap{top: 40%;}
    .ivideo-box .ib-wrap .tit{font-size: 26px;}
    .ivideo-box .ib-wrap p{font-size: 12px;}
    .i-bout .leftbg{width: 0;}
    .i-about-box .i-abb-box .left{width: 0; height: auto;}
    .i-about-box .i-abb-box{display: block; padding: 0 12px;}
    .i-about-box .i-abb-box .right{width: 100%;}
    .i-about-box .i-abb-btm{height: auto; padding: 30px 12px; width: 92%;}
    .i-about-box .i-abb-btm .i-abb-btm-box{margin-left: 0;}

    .i-s-wrap{display: inherit; padding: 3rem 0;}
    .i-s-wrap .left{width: 100%;}
    .l-01box h3{padding:0 12px; font-size: 18px;}
    .l-01box .l-subtit{padding-left: 10px; padding-top: 15px;}
    .l-01box .desc{margin-left: 12px; margin-top: 10px; padding-top: 10px;}
    .l-01box .l-more{padding: 1.5rem 2rem 0 0;}
    .l-01box .l-more a{padding: 5px 15px;}
    .left-02 .l-01box .l-more{padding-top: .8rem;}
    .i-s-wrap .right{margin-top: 15px; width: 100%;}
    .i-s-wrap .right .l-r-box p.desc{padding-top: 2rem;}
    .i-s-wrap .right .l-r-box p.l-more{padding-top: 2rem;}

    .i-news{padding: 2rem 0 1rem 0;}
    .i-news-box-wrap{padding: 2rem 0 0 0; display: block;}
    .i-news-box-wrap .left{width: 100%;}
    .i-news-box-wrap .left .rem-box{display: block;}
    .i-news-box-wrap .left .rem-box .txt{width: 91%;padding: 2.5rem 15px 2rem 15px;}
    .i-news-box-wrap .right{width: 100%; padding-top: 1rem;}
    .i-partners{padding-top: 3rem;}
    .i-partners-box ul{padding: 1rem 12px 1rem 12px;}
	.i-partners-box h4{padding: 2rem 12px 0 12px;}
    .i-partners-box ul li{width: calc(100% / 2 - 7px); margin-left: 10px; margin-bottom: 15px;}
    .i-partners-box ul li:nth-child(6n+1){margin-left: 10px;}
    .i-partners-box ul li:nth-child(2n+1){margin-left: 0;}

    .i-about-box{padding: 3rem 0 0 0;}
    .i-about-box .i-abb-box .right h3{font-size: 20px;}
    .i-about-box .i-abb-box .right p.subtit{font-size: 13px;}
    .i-about-box .i-abb-btm .i-abb-btm-box h3{font-size: 18px;}

    .i-solution{padding-top: 1rem;}

    .menu-nav .menu-list .menu-list-box{position: inherit;}
    .menu-nav .menu-list .menu-list-box .link{padding: 6px 0 5px 0; color: rgba(0, 0, 0, .8);}
    .menu-nav .menu-list .menu-list-box .link h3{font-size: 15px;}
    .menu-nav .menu-list .menu-list-box .link.onelink p{font-size: 12px;}
    .menu-nav .menu-list .menu-list-box .link.active{color: #FFF;}
    .i-zabout{padding: 3rem 0 1rem 0;}
    .z-ab-txt{display: block; padding: 3rem 12px;}
    .z-ab-txt .left{width: 100%;}
    .z-ab-btm{padding-top: 2rem;}
    .z-ab-txt .right{width: 100%; padding-right: 0; text-align: center; padding-top: 3rem;}
    .z-ab-btm ul li span{font-size: 22px;}
    .z-ab-btm ul li .desc{font-size: 13px;}

    .z-culture{padding-top: 0;}
    .z-culture-box ul li{width: 100%; margin-left: 0; margin-bottom: 12px;}
    .z-culture-box ul li .txt{padding: 1.5rem 10px;}
    .z-c-jzhi{padding: 3rem 12px 0 12px;}
    .z-c-jzhi .desc{padding: 0 0 5px 0;}

    .i-dimg .bdi{right: 14%; bottom: 40%;}
    .i-dimg .bdname{bottom: 23%; font-size: 12px; right: 1%; padding: 4px 10px;}
    .i-dimg .bdname span:before{border: 0;}
    .i-dimg .bdname span:after{border: 0;}

    .kddian{position: absolute; right: 17%; bottom: 41%; width: 20px; height: 20px;}
    .kddian .tit{position: relative; display: inline-block; cursor: pointer;}
	.kddian .tit:before{content: ""; z-index: 2; position: absolute; left: 0; bottom: 0; border: 1px solid #3497f3; border-radius: 50%; width: 12px; height: 12px;}
	.kddian .tit:after{content: ""; z-index: 2; position: absolute; left: 4px; bottom: 4px; border: 1px solid #3497f3; border-radius: 50%; width: 4px; height: 4px;}
	.kddian.czhou{right: 15%; bottom: 38%;}
	.kddian.bozhou{right: 23%; bottom: 40%;}
	.kddian.jinzhai{right: 22%; bottom: 36%;}
	.kddian.tianmen{right: 30%; bottom: 35%;}
	.kddian.zaoyang{right: 27%; bottom: 32%;}
	.kddian.hangzhou{right: 15.6%;bottom: 31%;}
	.kddian.chongqing{right: 37.7%;bottom: 30.5%;}
	.kddian.kunming{right: 47.5%;bottom: 15%;}
	.kddian.chengdu{right: 44.5%;bottom: 32%;}

	
	.zzcon{padding: 10px; opacity: 0; background-color:#3497f3; color: #FFF; position: absolute; left: 2%; top: 30%; -webkit-transition: all .5s;transition: all .5s;}
	.zzcon .con-txt{position: relative;}
	.zzcon .con-txt:after{position: absolute; left: 18px; bottom: -21px; content: "";width: 0; height: 0; border-width: 11px 11px 0 11px; border-style: solid; border-color: #3497f3 transparent transparent transparent;}
	.zzcon .qyu{font-size: 16px;}
	.zzcon p{font-size: 13px;}

    .z-team{padding-top: 0;}
    .z-team-header{display: block; padding: 2rem 12px;}
    .z-team-header .left{padding-top: 0; width: 100%;}
    .z-team-header .left h3{padding-bottom: 2rem;}
    .z-team-header .left .position{padding-top: 2rem}
    .z-team-header .right{width: 100%; margin-top: 2rem;}
    .z-team-list{padding-top: 2rem; flex-wrap: wrap;}
    .z-team-list li{width: calc(100% / 2 - 6px);margin-left: 12px; margin-bottom: 12px;}
    .z-team-list li:nth-child(2n+1){margin-left: 0;}
    .z-team-list li:after{background-color: rgba(6, 51, 165, .9); width: 19px; height:19px; bottom: 97px;}

    .z-solution{padding: 2rem 0;}
    .z-solution01{padding: 2rem 0;}
    .z-solution02{padding: 2rem 0;}
    .z-sol-txt{display: block; padding: 1rem 12px;}
    .z-sol-txt .left{width: 100%;}
    .z-sol-txt .left h3{padding-bottom: 2rem;}
    .z-sol-txt .left .desc{padding-bottom: 2rem;}
    .z-sol-txt .right{width: 100%; padding-top: 2rem; text-align: center; padding-right: 0;}

    .z-news-box .zn-bk{display: block; padding: 0 12px;}
    .z-news-box .thumb{width: 100%;}
    .z-news-box .txt{width: 100%; padding: 2rem 0;}
    .z-news-box .txt .desc{padding-top: 2rem;}
    .z-news-box .txt .zn-more{padding-top: 1rem;}
    .z-news-box .txt .time{padding-top: 1rem;}

    .z-news-list{padding: 1.5rem 12px 0 12px;}
    .z-news-list .z-n-detail .time{width: 80px; font-size: 14px;background-color: rgba(255, 185, 0, 1);}
    .z-news-list .z-n-detail .time span{font-size: 16px;}
    .z-news-list .z-n-detail .detail{padding-right: 0;}
    .news-detail .n-content{padding: 3rem 12px;}
    .news-detail h2{padding: 25px 12px 10px 12px; font-size: 20px;}

	.sol-bwrap{padding: 3rem 12px;}
    .solnew-list a{width: 100%; margin: 0 0 25px 0;}

    .i-map{padding-bottom: 3rem;}
    .z-contact-box{padding: 0 12px;}
    .z-contact-box .left{width: 95%; top: -16%; margin: 0 auto;}
    .z-contact-box .left .left-box .txt{background-color: rgba(6, 51, 165, .9); padding-bottom: 1.5rem;}
    .z-contact-box .left .left-box .txt h3{padding: 1rem 0; font-size: 18px;}
    .z-contact-box .left .left-box .txt p{padding-top: .4rem;}
    .z-contact-box .right{padding: 10rem 0 0 0}
    .i-map{width: 93%; padding: 2rem 12px 3rem 12px;}

    .footer{height: auto;background-image: url(../../images/zy/mfootbg.jpg);}
    .footer-wrap{width: auto;padding: 2rem 1rem 1rem 1rem; }
    .footer-wrap .fw-left{width: 50%;}
    .footer-wrap .fw-left .flogo{width: 100px;}
    .footer-wrap .fw-left .lxibox{padding-top: 10px; font-size: 12px; color: #FFF;}
    .footer-wrap .fw-right ul li:last-child{width: 100%;}
    .footer-wrap .fw-right{width: 50%; text-align: right;}
    .footer-btm{background-color: #003a7a; color: #FFF; padding: 10px 1rem;} 
    .z-xz-box{flex-wrap: wrap; padding-left: 12px; padding-right: 12px; width: auto;}
    .z-sol-xzhuang .subtit{font-size: 20px;}
    .z-xz-box li{width: 100%; margin-left: 0; margin-bottom: 20px;}
    .z-xz-box li .txt{padding: 0 .8rem 2rem .8rem;}
    .z-xz-box li h3{padding: 1rem 0;}
    .z-solution-sz{padding-top: 2rem;}
    .z-solution-sz .subtit{font-size: 20px;}
    .z-solution-sz .z-sol-txt{display: block;  padding: 1rem 12px 2.5rem 12px;}
    .z-solution-sz .z-sol-txt .left{margin: 0 auto; width: 94%;}
    .z-solution-sz .z-sol-txt .left h3{padding: 1rem 0 1rem 0;}
    .z-solution-sz .z-sol-txt .left .desc{padding-bottom: 2rem;}
    .z-solution-sz .z-sol-txt .right{width: 100%; text-align: center; padding-right: 0;padding-top: 0}
    .z-sol-jhu li{width: calc(100% / 2 - 6px); margin-left: 8px;}
    .z-sol-jhu li:nth-child(2n+1){margin-left: 0;}
    .z-sol-jhu{width: 94%; padding: 2.5rem 0;margin: 0 auto}
    .z-sol-jhu li h3{font-size: 18px;}

    .z-solution-sz .subtit{font-size: 20px;}
    .z-sol-dyang{margin: 0 auto; width: 94%;}
    .z-sol-dyang li{width: 100%; display: block; margin-left: 0;}
    .z-sol-dyang li .ltxt{width: 92%;}
    .z-sol-dyang li .rimg{width: 100%;}
    .z-sol-dyang li .rimg img{width: 100%;}
    .z-sol-3xtong{width: 94%; margin: 0 auto;}
    .z-sol-3xtong .z-sol-3left{width: 100%; }
    .z-sol-3xtong .z-sol-3left .link{font-size: 14px; width: 31%; padding: 12px 0;margin-right:10px; color:#333;float: left;}
    .z-sol-3xtong .z-sol-3left .link:last-child{margin-bottom: 15px;margin-right:0;}
    .z-sol-3xtong .z-sol-3left .link.active:after{left: 40%; right: inherit; top: inherit; bottom: -10px;border-right: 10px solid transparent;border-left: 10px solid transparent;border-top: 10px solid #1e70ea; border-bottom: inherit;}
    .z-sol-3xtong .z-sol-3right{width: 92%; padding: 0 14px; margin-top: 10px;}
    .z-sol-3xtong .z-sol-3right .z-3txt p{padding: 25px 0; font-size: 14px; width: 100%;}
    .z-sol-yshi{margin: 0 auto; width: 94%;}
    .z-sol-yshi li{width: 100%; margin-left: 0; padding: 20px 45px 50px 20px; margin-bottom: 15px;}
    .z-sol-yyong .subtit{font-size: 20px;}
    .z-sol-ybox{margin:0 auto; width: 94%;}
    .z-sol-ybox li{width: 100%; margin-left: 0; margin-bottom: 15px;}
    .z-sol-video .subtit{font-size: 20px;}
    .z-solv-box{width: 94%; padding-top: 2rem;}

    .z-solb-tit h3{font-size: 20px;}
    .z-solb-tit .subtit{font-size: 14px; padding: 1rem 0 1.5rem 0;}
    .z-solb-tit .zxun a{padding: 10px 60px; font-size: 14px;}

        .z-hd-box{width: 94%; margin: 0 auto;}
    .z-activity .i-nav span{padding: 8px 10px}
    .z-hd-box .z-h-list{display: block;}
    .z-hd-box .z-h-list .left{width: 100%}
    .z-hd-box .z-h-list .right{width: 100%; padding-top: 2rem}
    .z-h-list .right .link .date:after{width: 0}

    .sol-equipment{width: 94%; margin: 0 auto;}
    .sol-e01{display: block;}
    .sol-e01 .left{width: 92%; padding: 0 4% 3rem 4%;}
    .sol-e01 .left h3{padding-top: 3rem}
    .sol-e02{display: block; padding-top: 2rem}
    .sol-e02 .left{width: 100%}
    .sol-e02 .right{width: 100%; padding: 0 0 2rem 0;}   
    .sol-e03 p{padding: 0} 
    .sol-e03{padding-top: 1rem}
    .sol-e03 ul li{width: calc(100% / 3 - 6px); margin-left: 9px}

    .sol-government{width: 94%; margin: 0 auto;}
    .sol-gov{display: block;}
    .sol-gov .left{width: 100%;}
    .sol-gov .left h3{padding-bottom: 0}
    .sol-gov .right{width: 100%}
    .sol-gov .left .desc{padding-left: 0}

    .sol-fund-wrap{padding-top: 0; width: 94%; margin: 0 auto;}
    .sol-fbox{display: block;}
    .sol-fbox .left{width: 100%}
    .sol-gov .left .tit{margin-left: 0}
    .sol-gov .left .num{padding-left: 0}
    .sol-fbox .right{width: 100%}
    .sol-fbox .left ul{position: inherit;}
    .sol-fbox .left ul li{padding: 8px 20px}
    .sol-fbox .left h3{padding-top: inherit; padding-bottom: 20px} 

    .sol-promotion{padding-top: 0}
    .sol-pro{display: block; width: 94%; margin: 0 auto;}
    .sol-pro .left{width: 100%}
    .sol-pro .right{width: 100%}
    .sol-pro .left h3{padding-bottom: 2rem;}
   	.sol-pro .left .txt{padding-left: 10px}
   	.sol-pro .left .dtit{padding-left: 10px}
   	.sol-project{padding-left: 0; width: 94%; margin: 0 auto;}
   	.sol-project .sol-pro-box{display: block;}
   	.sol-pro-box .left{width: 100%; margin-bottom: 20px}
   	.sol-ldpro{padding: 3rem 0; width: 94%; margin: 0 auto;}
   	.sol-ldp-box{padding: 3rem 0}
   	.sol-ldp-box .txt-box{display: block;}
   	.sol-ldp-box .txt-box .left{width: 100%; padding-bottom: 2rem}
   	.sol-ldp-box .txt-box .left h3{padding: 1.5rem 0 1rem 1.5rem}
   	.sol-ldp-box .txt-box .left h3.x{padding-bottom: 1rem}
   	.sol-ldp-box .txt-box .left h3.d{padding-bottom: 2rem}
   	.sol-ldp-box .txt-box .right{width: 100%}
   	.sol-ldp-box .txt-box .left p{padding: 10px 1.5rem 0 1.5rem}
}
@media (max-width:767px) {
    .pc{display: none!important;}
    .m{display: block!important;}
    .container{width: 100%}

    .mtd-header{position: fixed; z-index: 99; width: 100%;}
    .mtd-header .mlogo{padding: 13px 12px 5px 15px; float: left;}
    .mtd-header .mlogo img{width: 120px;}

    .mtd-header-info {position: relative;z-index: 10;height: 60px;}
    .mtd-header-info .nav_btn{float: right;margin: 16px 20px 0 0;cursor:pointer;height: 32px;width: 25px;position: relative;}
    .mtd-header-info .nav_btn span{display: inline-block;width: 25px;height: 2px;background-color: #FFF;position: absolute;top: 16px;left: 0px;transition:background-color 0.3s ease-out 0.1s}
    .mtd-header-info .nav_btn span:after{content:'';display: inline-block;width: 25px;height: 2px;background-color: #FFF;position: absolute;top: 8px;left:0px;transition:transform 0.3s ease-out,top 0.5s ease 0.4s;transform: rotate(0deg)}
    .mtd-header-info .nav_btn span:before{content:'';display: inline-block;width: 25px;height: 2px;background-color: #FFF;position: absolute;top: -8px;left:0px;transition:transform 0.3s ease-out,top 0.5s ease 0.4s;transform: rotate(0deg)}
    .mtd-header-info.btn_click .nav_btn span{background-color: transparent;}
    .mtd-header-info.btn_click .nav_btn span:after{transition: top 0.5s ease, transform 0.3s ease-out 0.4s;transform: rotate(-45deg);top: 0px }
    .mtd-header-info.btn_click .nav_btn span:before{transition: top 0.5s ease, transform 0.3s ease-out 0.4s;transform: rotate(45deg);top: 0px}
    .mtd-header-info .nav {position: fixed;top: 65px;left: 0px;right: 0px;bottom: 0px;background: #fff;visibility: hidden;filter: alpha(opacity=0);-moz-opacity: 0;opacity: 0;transition: all 0.5s;overflow: auto;}
    .mtd-header-info.btn_click .nav{visibility: visible;filter:alpha(opacity=100);-moz-opacity:1;opacity:1;top:65px;transition: all 0.5s;}
    .mtd-header-info .nav>ul {overflow-y: auto}
    .mtd-header-info .nav>ul>li{border-top: 1px solid #dcdcdc}
    .mtd-header-info .nav>ul>li:last-child{border-bottom: 1px solid #dcdcdc}
    .mtd-header-info .nav li a{color: #004d9c;display:block;text-align: center;height: 100%}
    .mtd-header-info .nav li>a{padding:15px 25px }
    .mtd-header-info .nav>ul>li>a{font-size: 16px; font-weight: 600;text-align: left;}
    .mtd-header-info .nav>ul>li>a em{font-size: 14px;padding-left: 5px;color: #333}

    .navPhone-li{display: none;transition: all 0.5s;}
    .navPhone-li ul li a{text-align: left !important;position: relative;font-size: 14px !important;padding-left: 43px !important;}
    .nav>ul li a i{display: inline-block;width: 9px;height: 6px;background: url(../images/icon-2.png) no-repeat;margin-left: 5px;-webkit-transition: all .3s;-moz-transition: all .3s;-o-transition: all .3s;-ms-transition: all .3s;transition: all .3s}
    .nav.nav-phone>ul li.active a i{ background: url(../images/icon-2.png) no-repeat;transform:rotate(180deg);-ms-transform:rotate(180deg); -moz-transform:rotate(180deg); -webkit-transform:rotate(180deg); -o-transform:rotate(180deg); }
    .mbanner-box{margin-top: 70px}

    .mtd-header-info.transition{background-color: #FFF;}
    .transition .mtd-header-info .nav_btn span{background-color: #004d9c;}
    .transition .mtd-header-info .nav_btn span:after{background-color: #004d9c;}
    .transition .mtd-header-info .nav_btn span:before{background-color: #004d9c;}
    .transition .mtd-header-info.btn_click .nav_btn span{background-color: transparent;}
    .transition .mtd-header-info.btn_click .nav_btn span:after{transition: top 0.5s ease, transform 0.3s ease-out 0.4s;transform: rotate(-45deg);top: 0px }
    .transition .mtd-header-info.btn_click .nav_btn span:before{transition: top 0.5s ease, transform 0.3s ease-out 0.4s;transform: rotate(45deg);top: 0px}
    
    .padd3rem{padding-bottom: 3rem!important;}

    .ivideo-box .ib-wrap{top: 40%;}
    .ivideo-box .ib-wrap .tit{font-size: 26px;}
    .ivideo-box .ib-wrap p{font-size: 12px;}
    .i-bout .leftbg{width: 0;}
    .i-about-box .i-abb-box .left{width: 0; height: auto;}
    .i-about-box .i-abb-box{display: block; padding: 0 12px;}
    .i-about-box .i-abb-box .right{width: 100%;}
    .i-about-box .i-abb-btm{height: auto; padding: 30px 12px; width: 92%;}
    .i-about-box .i-abb-btm .i-abb-btm-box{margin-left: 0;}

    .i-s-wrap{display: inherit; padding: 3rem 0;}
    .i-s-wrap .left{width: 100%;}
    .l-01box h3{padding:0 12px; font-size: 18px;}
    .l-01box .l-subtit{padding-left: 10px; padding-top: 15px;}
    .l-01box .desc{margin-left: 12px; margin-top: 10px; padding-top: 10px;}
    .l-01box .l-more{padding: 1.5rem 2rem 0 0;}
    .l-01box .l-more a{padding: 5px 15px;}
    .left-02 .l-01box .l-more{padding-top: .8rem;}
    .i-s-wrap .right{margin-top: 15px; width: 100%;}
    .i-s-wrap .right .l-r-box p.desc{padding-top: 2rem;}
    .i-s-wrap .right .l-r-box p.l-more{padding-top: 2rem;}

    .i-news{padding: 2rem 0 1rem 0;}
    .i-news-box-wrap{padding: 2rem 0 0 0; display: block;}
    .i-news-box-wrap .left{width: 100%;}
    .i-news-box-wrap .left .rem-box{display: block;}
    .i-news-box-wrap .left .rem-box .txt{width: 91%;padding: 2.5rem 15px 2rem 15px;}
    .i-news-box-wrap .right{width: 100%; padding-top: 1rem;}

    .i-partners{padding-top: 3rem;}
    .i-partners-box ul{padding: 1rem 12px 1rem 12px;}
	.i-partners-box h4{padding: 2rem 12px 0 12px;}
    .i-partners-box ul li{width: calc(100% / 2 - 20px); padding: 0 5px; margin-left: 10px; margin-bottom: 15px; border: 1px solid #ddd;}
    .i-partners-box ul li:nth-child(6n+1){margin-left: 10px;}
    .i-partners-box ul li:nth-child(2n+1){margin-left: 0;}

    .news-detail h2{padding: 25px 12px 10px 12px;font-size: 20px;}

    .i-about-box{padding: 3rem 0 0 0;}
    .i-about-box .i-abb-box .right h3{font-size: 20px;}
    .i-about-box .i-abb-box .right p.subtit{font-size: 13px;}
    .i-about-box .i-abb-btm .i-abb-btm-box h3{font-size: 18px;}

    .i-solution{padding-top: 1rem;}

    .menu-nav .menu-list .menu-list-box{position: inherit;}
    .menu-nav .menu-list .menu-list-box .link{padding: 6px 0 5px 0; color: rgba(0, 0, 0, .8);}
    .menu-nav .menu-list .menu-list-box .link h3{font-size: 15px;}
    .menu-nav .menu-list .menu-list-box .link.onelink p{font-size: 12px;}
    .menu-nav .menu-list .menu-list-box .link.active{color: #FFF;}
    .i-zabout{padding: 3rem 0 1rem 0;}
    .z-ab-txt{display: block; padding: 3rem 12px;}
    .z-ab-txt .left{width: 100%;}
    .z-ab-btm{padding-top: 2rem;}
    .z-ab-txt .right{width: 100%; padding-right: 0; text-align: center; padding-top: 3rem;}
    .z-ab-btm ul li span{font-size: 22px;}
    .z-ab-btm ul li .desc{font-size: 13px;}

    .z-culture{padding-top: 0;}
    .z-culture-box ul li{width: 100%; margin-left: 0; margin-bottom: 12px;}
    .z-culture-box ul li .txt{padding: 1.5rem 10px;}
    .z-c-jzhi{padding: 3rem 12px 0 12px;}
    .z-c-jzhi .desc{padding: 0 0 5px 0;}

    .i-dimg .bdi{right: 14%; bottom: 40%;}
    .i-dimg .bdname{bottom: 23%; font-size: 12px; right: 1%; padding: 4px 10px;}
    .i-dimg .bdname span:before{border: 0;}
    .i-dimg .bdname span:after{border: 0;}

    .kddian{position: absolute; right: 17%; bottom: 41%; width: 20px; height: 20px;}
    .kddian .tit{position: relative; display: inline-block; cursor: pointer;}
	.kddian .tit:before{content: ""; z-index: 2; position: absolute; left: 0; bottom: 0; border: 1px solid #3497f3; border-radius: 50%; width: 12px; height: 12px;}
	.kddian .tit:after{content: ""; z-index: 2; position: absolute; left: 4px; bottom: 4px; border: 1px solid #3497f3; border-radius: 50%; width: 4px; height: 4px;}
	.kddian.czhou{right: 15%; bottom: 38%;}
	.kddian.bozhou{right: 23%; bottom: 40%;}
	.kddian.jinzhai{right: 22%; bottom: 36%;}
	.kddian.tianmen{right: 30%; bottom: 35%;}
	.kddian.zaoyang{right: 27%; bottom: 32%;}
	.kddian.hangzhou{right: 15.6%;bottom: 31%;}
	.kddian.chongqing{right: 37.7%;bottom: 30.5%;}
	.kddian.kunming{right: 47.5%;bottom: 15%;}
	.kddian.chengdu{right: 44.5%;bottom: 32%;}

	
	.zzcon{padding: 10px; opacity: 0; background-color:#3497f3; color: #FFF; position: absolute; left: 2%; top: 19%; -webkit-transition: all .5s;transition: all .5s;}
	.zzcon .con-txt{position: relative;}
	.zzcon .con-txt:after{position: absolute; left: 18px; bottom: -21px; content: "";width: 0; height: 0; border-width: 11px 11px 0 11px; border-style: solid; border-color: #3497f3 transparent transparent transparent;}
	.zzcon .qyu{font-size: 16px;}
	.zzcon p{font-size: 13px;}

    .z-team{padding-top: 0;}
    .z-team-header{display: block; padding: 2rem 12px;}
    .z-team-header .left{padding-top: 0; width: 100%;}
    .z-team-header .left h3{padding-bottom: 2rem;}
    .z-team-header .left .position{padding-top: 2rem}
    .z-team-header .right{width: 100%; margin-top: 2rem;}
    .z-team-list{padding-top: 2rem; flex-wrap: wrap;}
    .z-team-list li{width: calc(100% / 2 - 6px);margin-left: 12px; margin-bottom: 12px;}
    .z-team-list li:nth-child(2n+1){margin-left: 0;}
    .z-team-list li:after{background-color: rgba(6, 51, 165, .9); width: 19px; height:19px; bottom: 97px;}

    .z-solution{padding: 2rem 0;}
    .z-solution01{padding: 2rem 0;}
    .z-solution02{padding: 2rem 0;}
    .z-sol-txt{display: block; padding: 1rem 12px;}
    .z-sol-txt .left{width: 100%;}
    .z-sol-txt .left h3{padding-bottom: 2rem;}
    .z-sol-txt .left .desc{padding-bottom: 2rem;}
    .z-sol-txt .right{width: 100%; padding-top: 2rem; text-align: center; padding-right: 0;}

    .z-adv-txt{display: block; padding-top: 3rem;}
    .z-adv-txt .left .ztit{font-size: 14px;}
    .z-adv-txt .left{width: 100%; padding-bottom: 2rem;}
    .z-adv-txt .right{width: 100%;}
    .z-adv-txt .left .img{width: 70px;}
    .z-adv-txt .right p{width: 86%; padding: 25px 12px}

    .z-news-box .zn-bk{display: block; padding: 0 12px;}
    .z-news-box .thumb{width: 100%;}
    .z-news-box .txt{width: 100%; padding: 2rem 0;}
    .z-news-box .txt .desc{padding-top: 2rem;}
    .z-news-box .txt .zn-more{padding-top: 1rem;}
    .z-news-box .txt .time{padding-top: 1rem;}

    .z-news-list{padding: 1.5rem 12px 0 12px;}
    .z-news-list .z-n-detail .time{width: 80px; font-size: 14px;background-color: rgba(255, 185, 0, 1);}
    .z-news-list .z-n-detail .time span{font-size: 16px;}
    .z-news-list .z-n-detail .detail{padding-right: 0;}
    .news-detail .n-content{padding: 3rem 12px;}

	.sol-bwrap{padding: 3rem 12px;}
    .solnew-list a{width: 100%; margin: 0 0 25px 0;}

    .i-map{padding-bottom: 3rem;}
    .z-contact-box{padding: 0 12px;}
    .z-contact-box .left{width: 95%; top: -16%; margin: 0 auto;}
    .z-contact-box .left .left-box .txt{background-color: rgba(6, 51, 165, .9); padding-bottom: 1.5rem;}
    .z-contact-box .left .left-box .txt h3{padding: 1rem 0; font-size: 18px;}
    .z-contact-box .left .left-box .txt p{padding-top: .4rem;}
    .z-contact-box .right{padding: 10rem 0 0 0}
    .i-map{width: 93%; padding: 2rem 12px 3rem 12px;}

    .footer{height: auto;background-image: url(../../images/zy/mfootbg.jpg);}
    .footer-wrap{width: auto;padding: 2rem 1rem 1rem 1rem; }
    .footer-wrap .fw-left{width: 50%;}
    .footer-wrap .fw-left .flogo{width: 100px;}
    .footer-wrap .fw-left .lxibox{padding-top: 10px; font-size: 12px; color: #FFF;}
    .footer-wrap .fw-right ul li:last-child{width: 100%;}
    .footer-wrap .fw-right{width: 50%; text-align: right;}
    .footer-btm{background-color: #003a7a; color: #FFF; padding: 10px 1rem;}

    .z-xz-box{flex-wrap: wrap; padding-left: 12px; padding-right: 12px; width: auto;}
    .z-sol-xzhuang .subtit{font-size: 20px;}
    .z-xz-box li{width: 100%; margin-left: 0; margin-bottom: 20px;}
    .z-xz-box li .txt{padding: 0 .8rem 2rem .8rem;}
    .z-xz-box li h3{padding: 1rem 0;}
    .z-solution-sz{padding-top: 2rem;}
    .z-solution-sz .subtit{font-size: 20px;}
    .z-solution-sz .z-sol-txt{display: block;  padding: 1rem 12px 2.5rem 12px;}
    .z-solution-sz .z-sol-txt .left{margin: 0 auto; width: 94%;}
    .z-solution-sz .z-sol-txt .left h3{padding: 1rem 0 1rem 0;}
    .z-solution-sz .z-sol-txt .left .desc{padding-bottom: 2rem;}
    .z-solution-sz .z-sol-txt .right{width: 100%; text-align: center; padding-right: 0;padding-top: 0}
    .z-sol-jhu li{width: calc(100% / 2 - 6px); margin-left: 8px;}
    .z-sol-jhu li:nth-child(2n+1){margin-left: 0;}
    .z-sol-jhu{width: 94%; padding: 2.5rem 0;margin: 0 auto}
    .z-sol-jhu li h3{font-size: 18px;}

    .z-solution-sz .subtit{font-size: 20px;}
    .z-sol-dyang{margin: 0 auto; width: 94%;}
    .z-sol-dyang li{width: 100%; display: block; margin-left: 0;}
    .z-sol-dyang li .ltxt{width: 92%;}
    .z-sol-dyang li .rimg{width: 100%;}
    .z-sol-dyang li .rimg img{width: 100%;}
    .z-sol-3xtong{width: 94%; margin: 0 auto;}
    .z-sol-3xtong .z-sol-3left{width: 100%;}
    .z-sol-3xtong .z-sol-3left .link{font-size: 14px; width: 31%; padding: 12px 0;margin-right:10px; color:#333;float: left;}
    .z-sol-3xtong .z-sol-3left .link:last-child{margin-bottom: 15px;margin-right:0;}
    .z-sol-3xtong .z-sol-3left .link.active:after{left: 40%; right: inherit; top: inherit; bottom: -10px;border-right: 10px solid transparent;border-left: 10px solid transparent;border-top: 10px solid #1e70ea; border-bottom: inherit;}
    .z-sol-3xtong .z-sol-3right{width: 92%; padding: 0 14px; margin-top: 10px;}
    .z-sol-3xtong .z-sol-3right .z-3txt p{padding: 25px 0; font-size: 14px; width: 100%;}
    .z-sol-yshi{margin: 0 auto; width: 94%;}
    .z-sol-yshi li{width: 100%; margin-left: 0; padding: 20px 45px 50px 20px; margin-bottom: 15px;}
    .z-sol-yyong .subtit{font-size: 20px;}
    .z-sol-ybox{margin:0 auto; width: 94%;}
    .z-sol-ybox li{width: 100%; margin-left: 0; margin-bottom: 15px;}
    .z-sol-video .subtit{font-size: 20px;}
    .z-solv-box{width: 94%; padding-top: 2rem;}

    .z-solb-tit h3{font-size: 20px;}
    .z-solb-tit .subtit{font-size: 14px; padding: 1rem 0 1.5rem 0;}
    .z-solb-tit .zxun a{padding: 10px 60px; font-size: 14px;}

    .z-hd-box{width: 94%; margin: 0 auto;}
    .z-activity .i-nav span{padding: 8px 10px}
    .z-hd-box .z-h-list{display: block;}
    .z-hd-box .z-h-list .left{width: 100%}
    .z-hd-box .z-h-list .right{width: 100%; padding-top: 2rem}
    .z-h-list .right .link .date:after{width: 0}

    .sol-equipment{width: 94%; margin: 0 auto;}
    .sol-e01{display: block;}
    .sol-e01 .left{width: 92%; padding: 0 4% 3rem 4%;}
    .sol-e01 .left h3{padding-top: 3rem}
    .sol-e02{display: block; padding-top: 2rem}
    .sol-e02 .left{width: 100%}
    .sol-e02 .right{width: 100%; padding: 0 0 2rem 0;}   
    .sol-e03 p{padding: 0} 
    .sol-e03{padding-top: 1rem}
    .sol-e03 ul li{width: calc(100% / 3 - 6px); margin-left: 9px}

    .sol-government{width: 94%; margin: 0 auto;}
    .sol-gov{display: block;}
    .sol-gov .left{width: 100%;}
    .sol-gov .left h3{padding-bottom: 0}
    .sol-gov .right{width: 100%}
    .sol-gov .left .desc{padding-left: 0}

    .sol-fund-wrap{padding-top: 0; width: 94%; margin: 0 auto;}
    .sol-fbox{display: block;}
    .sol-fbox .left{width: 100%}
    .sol-gov .left .tit{margin-left: 0}
    .sol-gov .left .num{padding-left: 0}
    .sol-fbox .right{width: 100%}
    .sol-fbox .left ul{position: inherit;}
    .sol-fbox .left ul li{padding: 8px 20px}
    .sol-fbox .left h3{padding-top: inherit; padding-bottom: 20px} 

    .sol-promotion{padding-top: 0}
    .sol-pro{display: block; width: 94%; margin: 0 auto;}
    .sol-pro .left{width: 100%}
    .sol-pro .right{width: 100%}
    .sol-pro .left h3{padding-bottom: 2rem;}
   	.sol-pro .left .txt{padding-left: 10px}
   	.sol-pro .left .dtit{padding-left: 10px}
   	.sol-project{padding-left: 0; width: 94%; margin: 0 auto;}
   	.sol-project .sol-pro-box{display: block;}
   	.sol-pro-box .left{width: 100%; margin-bottom: 20px}
   	.sol-ldpro{padding: 3rem 0; width: 94%; margin: 0 auto;}
   	.sol-ldp-box{padding: 3rem 0}
   	.sol-ldp-box .txt-box{display: block;}
   	.sol-ldp-box .txt-box .left{width: 100%; padding-bottom: 2rem}
   	.sol-ldp-box .txt-box .left h3{padding: 1.5rem 0 1rem 1.5rem}
   	.sol-ldp-box .txt-box .left h3.x{padding-bottom: 1rem}
   	.sol-ldp-box .txt-box .left h3.d{padding-bottom: 2rem}
   	.sol-ldp-box .txt-box .right{width: 100%}
   	.sol-ldp-box .txt-box .left p{padding: 10px 1.5rem 0 1.5rem}


}